import About from '../views/About';
import Home from '../views/Home';
import Dashboard from '../views/Dashboard';
import ClassCom from '../views/ClassCom';
import Mobile from '../views/Mobile';
import Context from '../views/Context';
import LayoutEffect from '../views/LayoutEffect';
const NotFound = () => {
    return <div>你来到了没有知识的荒原</div>;
};
const Child1 = () => {
    return <div>this is Child1</div>;
};
const Child2 = () => {
    return <div>this is Child2</div>;
};
const RouteConfig = [
    {
        path: '/',
        exact: true,
        element: <Home />,
    },
    {
        path: '*',
        exact: true,
        element: <NotFound />,
    },

    {
        path: '/c',
        expect: true,
        element: <LayoutEffect />,
    },
    {
        path: '/context',
        expect: true,
        element: <Context />,
    },
    {
        path: '/m',
        exact: true,
        element: <Mobile />,
    },
    {
        path: '/test',
        exact: true,
        element: <ClassCom />,
    },
    {
        path: '/about',
        exact: true,
        element: <About />,
        children: [
            { path: 'child1', element: <Child1 /> },
            { path: 'child2', element: <Child2 /> },
        ],
    },
    {
        path: '/dashboard',
        exact: true,
        element: <Dashboard />,
    },
];
export default RouteConfig;
